<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

	<head>
		<title>客户流失管理</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="../../css/style.css" rel="stylesheet" type="text/css">
		<link href="../../css/layui.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="../../../js/vue.min.js"></script>
		<script src="../../../js/layui/layui.js"></script>
		<script src="../../script/common.js"></script>
	</head>

	<body>
		<div class="page_title">客户流失管理</div>
		<div class="button_bar">
			<button class="layui-btn layui-btn-normal" onclick="help('');">帮助</button>
			<button class="layui-btn layui-btn-normal" onclick="reload();">查询</button>
		</div>
		<div id="app" class="layui-form">
			<table class="query_form_table">
				<tr>
					<th>客户</th>
					<td><input type="text" placeholder="请输入客户名称" class="layui-input"></td>
					<th>客户经理</th>
					<td><input type="text" placeholder="请输入客户经理名称" class="layui-input"></td>
					<th>状态</th>
					<td>
						<div class="layui-input-inline" style="width: 150px;">
							<select name="interest" lay-filter="zhuangtai">
								<option value="0">全部</option>
								<option value="1">预警</option>
								<option value="2">暂缓流失</option>
								<option value="3">确认流失</option>
							</select>
						</div>
					</td>
				</tr>
			</table>
			<br />
			<table class="layui-table">
				<tr>
					<th>编号</th>
					<th>客户</th>
					<th>客户经理</th>
					<th>上次下单时间</th>
					<th>确认流失时间</th>
					<th>状态</th>
					<th>操作</th>
				</tr>
				<tr>
					<td class="list_data_number">1</td>
					<td class="list_data_text">阳光实业</td>
					<td class="list_data_ltext">球球</td>
					<td class="list_data_text">2005年12月07日</td>
					<td class="list_data_text">　</td>
					<td class="list_data_text">暂缓流失</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal" onclick="to('~cust/lost/confirm.html')"><img title="确认流失" src="../../images/流失.png"/>确认流失</button>
						<button class="layui-btn layui-btn-normal" onclick="to('~cust/lost/relay.html')"><img title="暂缓流失" src="../../images/暂停.png"/>暂缓流失</button>
						<button class="layui-btn layui-btn-normal" onclick="to('~cust/lost/detail.html')"><img title="详情" src="../../images/详情.png"/>详情</button>
						<!--<img onclick="to('confirm.html');" title="确认流失" src="../../images/bt_confirm.gif" class="op_button" />
						<img onclick="to('relay.html');" title="暂缓流失" src="../../images/bt_relay.gif" class="op_button" />
						<img onclick="to('detail.html');" title="详情" src="../../images/bt_detail.gif" class="op_button" />-->
					</td>
				</tr>
			</table>
			<div class="change_page" style="float: right; margin-right: 20px;">
				<table lay-skin="nob">
					<tr>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('1')">首页</button></td>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('-')">上一页</button>&nbsp;&nbsp;</td>
						<td>
							<input type="text" required lay-verify="required" class="layui-input" style="width: 30px;" v-model="pages">
						</td>
						<td>
							<label>/{{sumpages}}</label>
							<button class="layui-btn layui-btn-primary" v-on:click="querypage('0')">跳转</button>
						</td>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('+')">下一页</button></td>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('2')">末页</button></td>
					</tr>
				</table>
			</div>
		</div>
	</body>
	<script>
		layui.use(['form', 'laydate'], function() {
			var form = layui.form;
			var laydate = layui.laydate;
		});
	</script>
	<script>
		function changes(str) {
			parent.document.getElementById("mywork").src = str;
		}
		new Vue({
			el: "#app",
			data: {
				pages: 1,
				sumpages: 25
			},
			methods: {
				querypage: function(str) {
					var pages = this.pages;
					switch(str) {
						case '+':
							if(eval(pages + "+" + 1) <= this.sumpages) {
								this.pages = eval(pages + "+" + 1);
							}
							break;
						case '-':
							if(eval(pages + "-" + 1) >= 1) {
								this.pages = eval(pages + "-" + 1);
							}
							break;
						case '0':
							break;
						case '1':
							this.pages = 1;
							break;
						case '2':
							this.pages = this.sumpages;
							break;
						default:
							break;
					}
				}
			}
		})
	</script>

</html>